<template>
    <div>
        <Hamburger @collapse="handelCollapse">

        </Hamburger>
        <SvgIcon
            a-icon="shrink"
            class="hamburger"
            :a-size="16"
            style="transform: scaleX(-1);"
        ></SvgIcon>
        <SvgIcon
            a-icon="shrink"
            class="hamburger"
            :a-size="16"
            style="transform: scaleX(1);"
        ></SvgIcon>
    </div>
</template>
<script setup lang='ts'>
import Hamburger from './hamburger.vue';
import SvgIcon from '../svg_icon/svg_icon_index.vue';
    ////#region defineXxx
    //defineOptions({
        //name:
    //});

    //const props=defineProps({
        //propA:{
            //type:String,
            //required:true
        //},
        //propB:{
            //type:Number,
            //default:1
        //},
        //propC:{
            //type:String as PropType<MyType>,
            //required:true
        //},
    //});

    //const emit = defineEmits<{
        //event1:[para1:number,para2:string],
        //event2:[para1:number,para2:string],
    //}>();
    ////#endregion
const handelCollapse=(isCollapse:boolean)=>{
    console.log('isCollapse',isCollapse);
    
}  
    
</script>
<style lang='scss' scoped>
    
</style>